<template>
  <div>
    <my-card>
      <template #title="obj">
        <h4>我是标题 -- {{ obj.xx }} -- {{ obj.oo }}</h4>
      </template>

      <!-- 默认插槽如果要拿到作用域暴露的数据 -->
      <!-- 就要写v-slot="obj" -->
      <template v-slot="obj">
        <h5>我传给了默认 -- {{  obj }}</h5>
      </template>

      <!-- <template #default="obj">
        <h5>我传给了默认 -- {{  obj }}</h5>
      </template> -->
    </my-card>

    <my-card>
      <!-- 老语法如何拿到作用域传递过来的数据 -->
      <!-- 这个语法是v2.6以前的语法。在vue3里已经删除了，在vue2还能用但是不推荐 -->
      <template slot="title" slot-scope="obj">
        <h2>我是标题 -- {{ obj  }}</h2>
      </template>

      <!-- <template slot-scope="obj">
        <h5>我也是默认 -- {{  obj }}</h5>
      </template> -->
      <h5 slot-scope="obj">我也是默认 -- {{  obj }}</h5>
    </my-card>
  </div>
</template>

<script>
import MyCard from './components/MyCard.vue'
export default {
  components: {
    MyCard
  }
}
</script>

<style></style>
